import { Layout } from 'antd'
import React, { useEffect } from 'react'
import NewsRouter from '../../components/sandbox/NewsRouter'
import SideMenu from '../../components/sandbox/SideMenu'
import TopHeader from '../../components/sandbox/TopHeader'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css' 

import "./NewsSandBox.css"
const { Content } = Layout;


export default function NewsSandBox() {
  NProgress.start()

  useEffect(() => {
    NProgress.done()
  })
  return (
    <Layout>
      <SideMenu />

      <Layout className='site-layout'>
        <TopHeader />

        <Content
          className="site-layout-background"
          style={{
            margin: '24px 16px',
            padding: 24,
            minHeight: 280,
          }}
        >
          <NewsRouter></NewsRouter>
        </Content>

      </Layout>

      {/* <Routes>
        <Route path='/home' element={<Home />} />
        <Route path='/user-manage/list' element={<UserList />} />
        <Route path='/right-manage/role/list' element={<RoleList />} />
        <Route path='/right-manage/right/list' element={<RightList />} />
        <Route path="/" element={<Navigate to="/home" />} />
      </Routes> */}

    </Layout>
  )
}
